<template>
  <div>
    <ul>
        <!-- item是数组的每一项  -->
      <li v-for='(item,index) in renderData' :key='index'>姓名:{{item.uname}} 成绩:{{item.score}}</li>
    </ul>
  </div>
</template>

<script>
  export default {
    //该vue组件的数据源
    data() {
      return {
        renderData: [
          {
            uname: '陈志豪',
            score: '100',
          },
          {
            uname: '沈德亮',
            score: '95',
          },
          {
            uname: '侯涵翔',
            score: '60',
          },
          {
            uname: '石益涛',
            score: '99',
          },
          {
            uname: '魏芳芳',
            score: '150',
          },
          {
            uname: '郑新新',
            score: '150',
          },
        ],
      }
    },
    methods: {

    },
  }
</script>

<style scoped></style>